<style tyle="text/css">
  .modal-lg {
    width: 70%;
  }
  
</style>
<div class="modal-header">
  <h4 class="modal-title">添加限时产品</h4>
</div>
<div class="modal-body">

  <form name="form" class="form-horizontal form-validation ng-pristine ng-valid ng-valid-required">

      <div class="form-group">
          <label class="col-xs-3 control-label">选择产品</label>
          <div class="col-lg-6">
              <ui-select ng-model="opeinfo.product" theme="bootstrap" ng-if="!opeinfo.product_name">
                  <ui-select-match placeholder="产品...">{{$select.selected.product_name}}</ui-select-match>
                  <ui-select-choices repeat="item in ProductList | filter: $select.search">
                      <span ng-bind-html="item.product_name | highlight: $select.search"></span>
                      【
                      <span ng-bind-html="item.product_code | highlight: $select.search"></span>】
                  </ui-select-choices>
              </ui-select>
          </div>
          <div class="col-lg-6" >
              <input type="text" class="form-control" ng-model="opeinfo.product_name" ng-if="opeinfo.product_name" readonly>
          </div>
      </div>

      <div class="form-group" >
          <label class="col-xs-3 control-label">结束时间</label>
          <div class="col-lg-6">
            <div class="input-group" datetimepicker ng-model="vm.date" options="vm.options">
              <input class="form-control"/>
              <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
              </span>
            </div>
          </div>
      </div>

      <div class="form-group">
        <label for="inputDate" class="col-sm-3 control-label"> 横    图 </label>
        <div class="col-xs-6">
             <img ng-src="{{opeinfo.img}}" width="100%" height="200" ng-model="opeinfo.img">
               <input type="file" nv-file-select uploader="uploader" / ng-hide="hide===true" ><br/>
               <ul class="list-group">
                 <li class="list-group-item" ng-repeat="item in uploader.queue">
                   文件名: <span ng-bind="item.file.name"></span>
                   <button type="button" class="btn btn-default btn-xs"  ng-click="item.upload()"><span class="glyphicon glyphicon-upload"></span> 上传</button>
                   <div class="progress mt10">
                     <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                   </div>
                 </li>
               </ul>
        </div>
        </div>	

      <div class="form-group" >
        <label class="col-xs-3 control-label">文字描述</label>
        <div class="col-lg-6">
          <input type="text" class="form-control"
          ng-model="opeinfo.text"  placeholder="例:限时优惠 快来抢购"
          >
        </div>
    </div>

  </form>

</div>

<div class="modal-footer">
    <button class="btn btn-success" type="button"  ng-if="!opeinfo.openstate" ng-click="save()">确定</button>
    <button class="btn btn-danger" type="button" ng-click="cancel()">取消</button>
</div>
